<div [ngStyle]="tagData.cssStyle | styleFilter" id="app-employe-list" style="position: relative;">
  <p class="title" *ngIf="tagData.title">{{tagData.title}}<span class="label"
      *ngIf="tagData.label">{{tagData.label}}</span>


  </p>
  <ng-container *ngFor="let item of tagData.data.data;let i = index;">

    <div [ngStyle]="item.itemBoxCssStyle | styleFilter" *ngIf="!item.type">
      <div class="list-bg" [ngStyle]="item.cssStyle | styleFilter"
        [ngClass]="{'noBorder': i === tagData.data.data.length - 1 }">

        <div class="img-bg" *ngIf="item.img?.imgUrl" [ngStyle]="item.img?.imgBgCssStyle | styleFilter">
          <img [ngStyle]="item.img?.cssStyle | styleFilter" src="{{item.img?.imgUrl}}" alt="" class="avatar"
            onerror="this.src='assets/img/headtrait.png'">
          <span class="star" *ngIf="item.img.level?.label"
            [ngStyle]="item.img.level.cssStyle | styleFilter">{{item.img.level.label}}</span>

            <img *ngIf="item.img?.imgUrl2" [ngStyle]="item.img?.img2CssStyle | styleFilter" src="{{item.img?.imgUrl2}}" alt="" class="avatarBottomImg"
            onerror="this.src='https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1693466193400415c061bc5d0ab062a5bfb973e02c1ca.png'">

        </div>
        <!-- 蜂喔用户直租分享新增submit参数联调 -->
        <div class="content-bg" appDebounceClick (debounceClick)="itemClick(item.link,item?.submit)">
          <div class="name-bg">
            <div class="name-tag" [ngStyle]="item.firstRowLeft?.firstText?.itemCssStyle | styleFilter">
              <span class="name" [ngStyle]="item.firstRowLeft?.firstText?.cssStyle | styleFilter"
                *ngIf="item.firstRowLeft?.firstText?.label">{{item.firstRowLeft.firstText.label}}</span>
              <ng-container *ngFor="let tag of item.firstRowTag">
                <span class="tag">{{tag}}</span>
              </ng-container>
              <span class="name-name" [ngStyle]="item.firstRowLeft?.secondText?.cssStyle | styleFilter"
                *ngIf="item.firstRowLeft?.secondText?.label">{{item.firstRowLeft.secondText.label}}</span>
              <img *ngIf="item.firstRowLeft?.thirdText?.img" [src]="item.firstRowLeft?.thirdText?.img"
                [ngStyle]="item.firstRowLeft?.thirdText?.cssStyle | styleFilter">

              <div class="name-name" [ngStyle]="item.firstRowLeft?.secondText?.div1CssStyle | styleFilter"
                *ngIf="item.firstRowLeft?.secondText?.div1CssStyle"> </div>
              <span class="name-name" [ngStyle]="item.firstRowLeft?.secondText?.lable1CssStyle | styleFilter"
                *ngIf="item.firstRowLeft?.secondText?.label1">{{item.firstRowLeft.secondText.label1}}</span>

              <div class="name-name" [ngStyle]="item.firstRowLeft?.secondText?.div2CssStyle | styleFilter"
                *ngIf="item.firstRowLeft?.secondText?.div2CssStyle"> </div>
              <span class="name-name" [ngStyle]="item.firstRowLeft?.secondText?.lable2CssStyle | styleFilter"
                *ngIf="item.firstRowLeft?.secondText?.label2">{{item.firstRowLeft.secondText.label2}}</span>

              <div class="name-name" [ngStyle]="item.firstRowLeft?.secondText?.div3CssStyle | styleFilter"
                *ngIf="item.firstRowLeft?.secondText?.div3CssStyle"> </div>
              <span class="name-name" [ngStyle]="item.firstRowLeft?.secondText?.lable3CssStyle | styleFilter"
                *ngIf="item.firstRowLeft?.secondText?.label3">{{item.firstRowLeft.secondText.label3}}</span>

            </div>
            <span class="area" [ngStyle]="item.firstRowRight?.firstText?.cssStyle | styleFilter"
              *ngIf="item.firstRowRight?.firstText?.label">{{item.firstRowRight.firstText.label}}</span>
          </div>


          <!--蜂喔1.9.18 新增技能数组标签-->
          <div class="skillBox" *ngIf="item.skillTags" [ngStyle]="item.skillTagsBoxCssStyle | styleFilter">
            <span class="skillTags" *ngFor="let skill of item.skillTags"
              [ngStyle]="item.skillTagsItemCssStyle | styleFilter">{{skill}}</span>
          </div>

          <!--蜂喔1.9.18 新增特征数组标签-->
          <div class="featureBox" *ngIf="item.featureTags" [ngStyle]="item.featureTagsBoxCssStyle | styleFilter">
            <ng-container *ngFor="let feature of item.featureTags">
              <span class="featureTags" *ngIf="feature && feature.trim().length > 0"
                [ngStyle]="item.featureTagsItemCssStyle | styleFilter">{{feature}}</span>
            </ng-container>
          </div>

          <!-- 新增特征数组标签 有分隔线-->
          <div class="featureBox" *ngIf="item.featureTags3" [ngStyle]="item.featureTagsBoxCssStyle | styleFilter">
            <ng-container *ngFor="let feature of item.featureTags3;let i = index;">
              <span class="featureTags 3" *ngIf="feature && feature.trim().length > 0" [ngStyle]="item.featureTagsItemCssStyle | styleFilter">
                <span [innerHTML]="feature | parseStyle"></span>
                <span *ngIf="i !== item.featureTags3.length - 1" [ngStyle]="item.featureTagslineCssStyle | styleFilter"></span>
              </span>
            </ng-container>


          </div>

          <!-- 新增特征数组标签 -->
          <div class="featureBox" *ngIf="item.featureTags4" [ngStyle]="item.featureTagsBox4CssStyle | styleFilter">
            <ng-container *ngFor="let feature of item.featureTags4">
              <span class="featureTags 4" *ngIf="feature && feature.trim().length > 0"
                [ngStyle]="item.featureTagsItem4CssStyle | styleFilter">{{feature}}</span>
            </ng-container>
          </div>

          <div class="second-row" *ngIf="item.secondRowLeft">
            <span class="text" *ngIf="item.secondRowLeft?.firstText?.label"
              [ngStyle]="item.secondRowLeft.firstText.cssStyle | styleFilter">{{item.secondRowLeft.firstText.label}}</span>
            <div class="sep-line" *ngIf="item.secondRowLeft?.firstText?.sepLineCssStyle"
              [ngStyle]="item.secondRowLeft?.firstText?.sepLineCssStyle | styleFilter"></div>
            <span class="text" *ngIf="item.secondRowLeft?.secondText?.label"
              [ngStyle]="item.secondRowLeft.secondText.cssStyle | styleFilter">{{item.secondRowLeft.secondText.label}}</span>
            <!-- 价格 格式化 -->
            <span class="text" *ngIf="item.secondRowLeft?.secondText?.price"
              [ngStyle]="item.secondRowLeft.secondText.cssStyle | styleFilter">{{getInterger(item.secondRowLeft.secondText.price
              - 0 )| currency:'CNY':'':'1.0-0'}}<i class="pirce-digits">{{(item.secondRowLeft.secondText.price - 0 |
                currency:'CNY':'':'0.2-2') + '' | slice:-3}}</i></span>

            <div class="sep-line" *ngIf="item.secondRowLeft?.secondText?.sepLineCssStyle"
              [ngStyle]="item.secondRowLeft?.secondText?.sepLineCssStyle | styleFilter"></div>
            <span class="text" *ngIf="item.secondRowLeft?.thirdText?.label"
              [ngStyle]="item.secondRowLeft.thirdText.cssStyle | styleFilter">{{item.secondRowLeft.thirdText.label}}</span>
            <div class="sep-line" *ngIf="item.secondRowLeft?.thirdText?.sepLineCssStyle"
              [ngStyle]="item.secondRowLeft?.thirdText?.sepLineCssStyle | styleFilter"></div>
            <span class="text" *ngIf="item.secondRowLeft?.fourthText?.label"
              [ngStyle]="item.secondRowLeft.fourthText.cssStyle | styleFilter">{{item.secondRowLeft.fourthText.label}}</span>
            <div class="sep-line" *ngIf="item.secondRowLeft?.fourthText?.sepLineCssStyle"
              [ngStyle]="item.secondRowLeft?.fourthText?.sepLineCssStyle | styleFilter"></div>
            <span class="text" *ngIf="item.secondRowLeft?.fifthText?.label"
              [ngStyle]="item.secondRowLeft.fifthText.cssStyle | styleFilter">{{item.secondRowLeft.fifthText.label}}</span>
            <span class="text" *ngIf="item.secondRowLeft?.sixthText?.label"
              [ngStyle]="item.secondRowLeft.sixthText.cssStyle | styleFilter">{{item.secondRowLeft.sixthText.label}}</span>
          </div>

          <!-- 新增特征数组标签 -->
          <div class="featureBox" *ngIf="item.featureTags2" [ngStyle]="item.featureTagsBox2CssStyle | styleFilter">
            <ng-container *ngFor="let feature of item.featureTags2">
              <span class="featureTags" *ngIf="feature && feature.trim().length > 0"
                [ngStyle]="item.featureTagsItem2CssStyle | styleFilter">{{feature}}</span>
            </ng-container>
          </div>

          <div class="third-row" *ngIf="item.thirdRowLeft" [ngStyle]="item.thirdRowLeft?.box?.cssStyle | styleFilter">
            <img class="third-row-icon" *ngIf="item.thirdRowLeft?.icon?.url"
              [ngStyle]="item.thirdRowLeft.icon.cssStyle | styleFilter" src="{{item.thirdRowLeft.icon.url}}" />
            <span class="third-row-text" *ngIf="item.thirdRowLeft?.text?.label"
              [ngStyle]="item.thirdRowLeft.text.cssStyle | styleFilter">{{item.thirdRowLeft.text.label}}</span>
          </div>
        </div>

        <div class="rightBox" [ngStyle]="item.secondRowRight?.firstText?.itemCssStyle|styleFilter">
          <img *ngIf="item.secondRowRight?.firstText?.imgUrl" [src]="item.secondRowRight?.firstText?.imgUrl"
            [ngStyle]="item.secondRowRight?.firstText?.cssStyle|styleFilter"
            appDebounceClick (debounceClick)="go(item.secondRowRight?.firstText,$event)" />
          <img *ngIf="item.secondRowRight?.secondText?.imgUrl" [src]="item.secondRowRight?.secondText?.imgUrl"
            [ngStyle]="item.secondRowRight?.secondText?.cssStyle|styleFilter"
            appDebounceClick (debounceClick)="go(item.secondRowRight?.secondText,$event)" />

          <span class="careBtn" *ngIf="item.secondRowRight?.thirdText"
            [ngClass]="{'careCss': item.secondRowRight?.thirdText?.state === '1','careBtnCss': item.secondRowRight?.thirdText?.state === '0'}"
            [ngStyle]="item.secondRowRight?.thirdText?.cssStyle | styleFilter"
            appDebounceClick (debounceClick)="careBtn(item.secondRowRight.thirdText)">{{item.secondRowRight?.thirdText?.label}}</span>

          <span class="careBtn" *ngIf="item.secondRowRight?.fourthText"
            [ngStyle]="item.secondRowRight?.fourthText?.cssStyle | styleFilter">{{getInterger(item.secondRowRight?.fourthText.label
            -
            0 )| currency:'CNY':'':'1.0-0'}}<i>{{(item.secondRowRight?.fourthText.label - 0 |
              currency:'CNY':'':'0.2-2') + '' | slice:-3}}</i></span>
        </div>
      </div>

      <!-- 1.9.18 赚钱宝版本新增预估价 -->
      <div class="second-box" [ngStyle]="item.secondBoxCssStyle | styleFilter" *ngIf="item.secondBox">
        <div class="second-box-bill" *ngIf="item.secondBox?.billText">
          <ng-container *ngFor="let ite of item.secondBox?.billText.textSplit">
            <p class="textSplit" [ngStyle]="item.secondBox?.billText?.cssStyle|styleFilter">
              <span [ngStyle]="item.secondBox?.billText?.textCssStyle|styleFilter"
                class="textSplit-text">{{ite[0].trim()}}</span>
              <span>￥{{ite[1].trim()}}</span>
            </p>
          </ng-container>
        </div>
        <div>
          <span class="second-box-label" *ngIf="item.secondBox?.firstText?.label"
            [ngStyle]="item.secondBox?.firstText?.cssStyle|styleFilter">{{item.secondBox?.firstText?.label}}</span>
          <span class="second-box-label" *ngIf="item.secondBox?.secondText?.label"
            [ngStyle]="item.secondBox?.secondText?.cssStyle|styleFilter">{{item.secondBox?.secondText?.label}}</span>
          <span class="second-box-label" *ngIf="item.secondBox?.thirdText?.label"
            [ngStyle]="item.secondBox?.thirdText?.cssStyle|styleFilter">{{item.secondBox?.thirdText?.label}}</span>
        </div>
      </div>
      <!-- 1.9.18 赚钱宝版本新增参数 -->
      <div class="buttonRow" *ngIf="item.buttons&&item.buttons.length > 0"
        [ngStyle]="item.buttonRowBoxCssStyle | styleFilter">
        <ng-container *ngIf="item.moreButtons&&item.moreButtons.length > 0">
          <ng-container *ngIf="item.moreButtonsCssStyle; else elseMoreBtnTemplate">
            <span class="more-btn-new" appDebounceClick (debounceClick)="remarkList2(item.moreButtons,item,dataIndex)"
              [ngStyle]="item.moreButtonsCssStyle|styleFilter">{{item.moreButtonsLabel}}</span>
          </ng-container>
          <ng-template #elseMoreBtnTemplate>
            <span class="more-btn-new" appDebounceClick (debounceClick)="remarkList2(item.moreButtons,item,dataIndex)"
              [ngStyle]="item.moreButtons[0].link?.params?.btnCssStyle|styleFilter">{{item.moreButtons[0].link?.params?.moreButtonLabel}}</span>
          </ng-template>
        </ng-container>

        <ng-container *ngFor="let subItem of item.buttons">
          <ng-container *ngIf="subItem.iconLabel">
            <span class="new-button" [ngStyle]="subItem.btnCssStyle|styleFilter"
              appDebounceClick (debounceClick)="iconClick(subItem,dataIndex)">{{subItem.iconLabel}}</span>
          </ng-container>

          <ng-container *ngIf="!subItem.iconLabel">
            <span class="new-button" [ngStyle]="subItem.link?.params?.btnCssStyle|styleFilter"
              appDebounceClick (debounceClick)="moreClick(subItem.link)">{{subItem.label}}</span>
          </ng-container>

        </ng-container>
      </div>

      <div class="fourth-row" *ngIf="item.fourthRowLeft" [ngStyle]="item.fourthRowLeft.box?.cssStyle | styleFilter">
        <div [ngStyle]="item.fourthRowLeft.firstText?.boxCssStyle | styleFilter">
          <span class="text" *ngIf="item.fourthRowLeft?.firstText?.label"
            [ngStyle]="item.fourthRowLeft.firstText.cssStyle | styleFilter">{{item.fourthRowLeft.firstText.label}}</span>
          <span class="text" *ngIf="item.fourthRowLeft?.firstText?.value"
            [ngStyle]="item.fourthRowLeft.firstText.valueCssStyle | styleFilter">{{item.fourthRowLeft.firstText.value}}</span>
        </div>
        <div [ngStyle]="item.fourthRowLeft.secondText?.boxCssStyle | styleFilter">
          <span class="text" *ngIf="item.fourthRowLeft?.secondText?.label"
            [ngStyle]="item.fourthRowLeft.secondText.cssStyle | styleFilter">{{item.fourthRowLeft.secondText.label}}</span>
          <span class="text" *ngIf="item.fourthRowLeft?.secondText?.value"
            [ngStyle]="item.fourthRowLeft.secondText.valueCssStyle | styleFilter">{{item.fourthRowLeft.secondText.value}}</span>
        </div>
        <div [ngStyle]="item.fourthRowLeft.thirdText?.boxCssStyle | styleFilter">
          <span class="text" *ngIf="item.fourthRowLeft?.thirdText?.label"
            [ngStyle]="item.fourthRowLeft.thirdText.cssStyle | styleFilter">{{item.fourthRowLeft.thirdText.label}}</span>
          <span class="text" *ngIf="item.fourthRowLeft?.thirdText?.value"
            [ngStyle]="item.fourthRowLeft.thirdText.valueCssStyle | styleFilter">{{item.fourthRowLeft.thirdText.value}}</span>
        </div>
      </div>

      <div class="iconClick">
        <ng-container *ngFor="let item of item.newButtons">
          <img *ngIf="item.icon" [src]="item.icon" [ngStyle]="item.btnCssStyle | styleFilter"
            appDebounceClick (debounceClick)="iconClick(item, i)" />
        </ng-container>
      </div>
    </div>

    <!-- big ad -->
    <div class="item-bg-img-big" *ngIf="item.type && item.type === '1'"
      [ngStyle]="item.button.buttonLink.cssStyle | styleFilter">
      <img class="big-img" src="{{item.img}}" alt="" appDebounceClick (debounceClick)="itemClick(item.button.buttonLink.link)" />
      <!-- <div class="btn" [ngStyle]="item.button.buttonLink.cssStyle | styleFilter"
        appDebounceClick (debounceClick)="itemClick(item.button.buttonLink.link)">{{item.button?.buttonLink?.label}}</div> -->
    </div>
    <!-- small ad -->
    <div class="item-bg-img" *ngIf="item.type && item.type === '2'"
      [ngStyle]="item.button.buttonLink.cssStyle | styleFilter">
      <img class="bg-img" src="{{item.img}}" alt="" appDebounceClick (debounceClick)="itemClick(item.button.buttonLink.link)" />
      <!-- <div class="btn" [ngStyle]="item.button.buttonLink.cssStyle | styleFilter"
        appDebounceClick (debounceClick)="itemClick(item.button.buttonLink.link)">{{item.button?.buttonLink?.label}}</div> -->
    </div>




  </ng-container>
</div>

<div class="more-btn" *ngIf="tagData.data.moreButton?.label"
  [ngStyle]="tagData.data.moreButton.link.params?.btnCssStyle|styleFilter"
  appDebounceClick (debounceClick)="moreClick(tagData.data.moreButton.link)">
  <span class="more-btn-span"
    [ngStyle]="tagData.data.moreButton.link.params?.btnInnerCssStyle|styleFilter">{{tagData.data.moreButton.label}}</span>
</div>

<p class="noData" *ngIf="!tagData.data.data || tagData.data.data.length === 0">
  {{emptyDataHint}}
</p>
<ion-infinite-scroll *ngIf="showLoadMore" threshold="5%" (ionInfinite)="loadMoreData($event)">
  <ion-infinite-scroll-content loadingSpinner="crescent" loadingText="正在加载更多数据...">
  </ion-infinite-scroll-content>
</ion-infinite-scroll>